@charset "utf-8";
*{ margin:0; padding:0; font-family:'Microsoft YaHei'; font-size:14px;}

body{ background:url(images/bg.jpg) repeat-x;}
img{ border:0;}
li {list-style: none;}
h1,h2,h3,h4,h5,h6 {font-size: 100%; font-weight:normal;}
a{ text-decoration:none;}

.fl{float: left;}
.fr{float: right;}
.clr{ clear:both;}

.top{ width:1200px; height:110px; margin:0 auto; position:relative;}
.top .logo{ float:left;}
.top .tel{ position:absolute; top:15px; right:10%;}


.menu_box{ width:100%;}
.menu{ width:1200px; margin:0 auto; }
.menu a{width: 137.75px; height:40px; line-height:40px; float:left; display:block; text-align:center; color:#413f3f; font-size:15px;}
.menu .fen{width:14px; height:40px; float:left; background:url(images/fen.jpg) no-repeat; }

.banner{width:100%; min-width:1200px; padding-top:14px;background:url(images/bg_banner.jpg) center top no-repeat;}
.banner .title{height:130px;margin:auto;display:block;}
.banner .showf{overflow:hidden;margin:auto;width:100%;height:440px;position:relative;}
.banner .shows{float:left;display:none;width:100%;position:absolute;top:0px;left:0px;}
.banner .text, .banner .img, .banner .button, .banner .f{display:block;margin:auto;}
.banner .f {width:723px;height:16px;margin-bottom:12px;}
.banner .img {margin-top:12px;}
.banner .button{width:180px; height:50px;}
.banner .button a{float:left;display:inline;width:30px;height:24px; margin:0px 2px;background:url(images/bg_banner_button.png) no-repeat;}
.banner .button a.btn1{background-position:-5px 0px;}
.banner .button a.btn2{background-position:-23px 0px;}
.banner .button a.btn3{background-position:-46px 0px;}
.banner .button a.btn4{background-position:-69px 0px;}
.banner .button a.btn5{background-position:-92px 0px;}
.banner .button a.btn6{background-position:-115px 0px;}
.banner .button a.btn7{background-position:-138px 0px;}
.banner .button a.btn8{background-position:-161px 0px;}
.banner .button a.btn9{background-position:-184px 0px;}
.banner .button a.btn1_fire{background-position:-12px -28px;}
.banner .button a.btn2_fire{background-position:-43px -28px;}
.banner .button a.btn3_fire{background-position:-46px -28px;}
.banner .button a.btn4_fire{background-position:-45px -28px;}
.banner .button a.btn5_fire{background-position:-74px -28px;}
.banner .button a.btn6_fire{background-position:-115px -23px;}
.banner .button a.btn7_fire{background-position:-138px -23px;}
.banner .button a.btn8_fire{background-position:-161px -23px;}
.banner .button a.btn9_fire{background-position:-184px -23px;}

.main{ width:1200px; min-height:500px; margin:0 auto; padding:30px 0;}

.index_title{ width:390px; height:30px; margin:0 auto; padding:50px 0;}
.index_title.prod_tit{ background:url(images/prod_tit.jpg) no-repeat center;}
.index_title.youshi_tit{ background:url(images/youshi_tit.png) no-repeat center;}
.index_title.news_tit{ background:url(images/news_tit.jpg) no-repeat center;}

.more{ width:110px; height:40px; display:block; line-height:40px; text-align:center; color:#fff; margin:30px auto; background:#006BB3;}

.product{ width:1200px; height:280px; margin:0 auto; overflow:hidden;}
.product p{ border:1px solid #E3DFDF; padding:15px;}
.product p img{ width:262px; height:202px}
.product p a.txt{ width:100%;  display:block; padding-top:10px; text-align:center; color:#000; font-size:16px;}


.about{ width:1200px; margin:0 auto; }
.about .content{ width:620px; height:401px; float:left;}
.about .content h1{ width:100%; color:#006bb3; font-size:24px; font-weight:bold; padding:10px 0 15px;}
.about .content p{ line-height:30px;}
.about .content a.more2{ width:150px; height:45px; display:block; font-size:16px; line-height:45px; text-align:center; border:1px solid #333; color:#333; margin-top:30px;}
.about .photo{ width:516px; height:401px; float:right; }

.youshi{ width:100%; height:347px; background:url(images/youshi_bg.jpg) no-repeat center;}

.news{ width:1200px; margin:0 auto;}
.news ul li{ width:550px; height:90px; overflow:hidden; float:left; margin-bottom:40px;}
.news ul li:nth-child(2n){ float:right;}
.news ul li .date{ width:88px; height:88px; border:1px solid #DCDCDC; float:left; margin-right:30px;}
.news ul li .date b{ width:100%; height:60px; display:block; line-height:60px; text-align:center; font-weight:normal; font-size:35px; color:#393333;}
.news ul li .date i{ width:100%; height:28px; line-height:28px; text-align:center; display:block; font-style:normal; color:#333;}
.news ul li h2{ line-height:40px; font-weight:bold;}
.news ul li h2 a{  font-size:16px; color:#000;}
.news ul li p{ font-size:14px; color:#666; line-height:20px;}

.honor_box{ width:100%; background:url(images/honor_bg.jpg) no-repeat center top;}
.honor{ width:1200px; height:660px; margin:0 auto;}
.honor .honor_lh{ width:1030px; height:350px; overflow:hidden; margin:0 auto 0; padding-top:280px}
.honor .honor_lh img{ width:200px; height:284 padding:2px; border:1px solid #DFE0E0;}
.honor .honor_lh a.txt{ width:200px; height:45px; display:block; text-align:center; line-height:45px; font-size:16px; color:#37393a;}




/* 左侧栏目 */
.column{ width:100%; height:90px; background:#0054AC; margin-top:20px;}
.column .title{ width:250px; height:90px; line-height:90px; overflow:hidden; font-size:24px; color:#fff; float:left; font-family:"Microsoft YaHei"; background:url(images/side.png) no-repeat 0 center; text-indent:40px;}
.column .column{ width:940px; height:auto; float:right; color:#fff;  margin-top:0px;}
.column .column ul li{ height:90px; line-height:90px; font-size:14px; float:right;}
.column .column ul li a{color:#fff}

/* 内页右侧 */
.right_n{ width:100%; }
.right_n .title{ display:none; width:100%; height:30px; line-height:30px; overflow:hidden; text-indent:28px; font-size:14px; color:#000; position:relative; border-bottom:1px solid #B70C15;  font-family:"Microsoft YaHei"; margin-bottom:2px;}
.right_n .title .position{ float:right; margin-right:20px; font-size:12px; color:#000}
.right_n .title .position a{ color:#000}
.right_n .con{ padding:15px 0; line-height:30px; font-size:14px; color:#414141;}

/* 新闻列表 */
ul.news_list{ width:95%; margin:0 auto}
ul.news_list li{ width:100%; height:35px; line-height:35px; overflow:hidden; font-size:14px; position:relative; text-indent:18px; border-bottom:1px dashed #B3B3B3; background:url(images/dot.jpg) 5px center no-repeat }
ul.news_list li a{ color:#414141}
ul.news_list li a:hover{ text-decoration:underline;}
ul.news_list li .date{ width:90px; font-size:12px; height:29px; line-height:39px; overflow:hidden; text-align:right; position:absolute; top:0; right:0; text-indent:0; color:#414141; font-family:"宋体"}

/* 产品列表 */
ul.piclist li{ margin:20px 15px 0; float:left; width:270px;}
ul.piclist li a.pic{ width:266px; height:266px; overflow:hidden; text-align:center; display:block; border:1px solid #ccc; padding:1px;}
ul.piclist li a.pic img{ max-width:100%; max-height:100%; text-align:center; }
ul.piclist li a.txt{ width:100%; height:55px; line-height:55px; display:block; text-align:center; font-size:14px; color:#595555}
ul.piclist li a.txt:hover{ text-decoration:none}

/* 分页CSS */
.pg {
    font-size: 14px;
    margin: 20px 0;
    text-align: center;
    width: 100%;
	color:#595555;
}
.pg span {
    background-color: #FFFFFF;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;
    color: #999999;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    margin: 0 3px;
    padding: 8px;
    text-align: center;
}
.pg a {
    background-color: #FFFFFF;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;
    color: #000 !important;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    margin: 0 3px;
    padding: 8px;
    text-decoration: none;
}
.pg select{padding: 8px;}



.bottom_box{ width:100%; background:#0054AC; padding:30px 0;}
.bottom_menu{ width:1200px; margin:0 auto; height:55px; line-height:55px; font-size:16px; border-bottom:1px solid #2E75A6;}
.bottom_menu a{ color:#fff; margin-right:25px;}
.bottom{ width:1200px; margin: 0 auto; text-align:left; line-height:30px; font-size:14px; color:#fff; padding:25px 0 10px; position:relative;}
.bottom a{ color:#fff;}
.bottom .qrcode{ position:absolute; top:-40px; right:40px;}






